<!--本页面由uniapp切片工具生成，uni-app切片-可视化设计工具(一套代码编译到7个平台iOS、Android、H5、小程序)，软件下载地址：http://www.ymznkf.com/new_view_669.htm -->
<template>
	<view class="YmContent">
			<view class="problem_feedback_63">
				<view class="problem_feedback_20">
					<image v-on:click="problem_feedback_61_61_click()"  mode="scaleToFill" border="0"    class="problem_feedback_61"></image>
					<input placeholder="请输入遇到问题的关键词" :value="keyword" @input="keyword_input" class="keyword" />
		
				</view>
				<text decode="true" class="problem_feedback_21">常见问题</text>
				<view class="problem_feedback_60">
					<view v-for="(item, index) in list" :key="index" class="problem_feedback_22 view flex-row justify-between" style="width:100%;" @click="toDetail(item.id)">
						<text decode="true" class="title">{{ item.area }}</text>
						<uni-icons type="arrowright" size="18"></uni-icons>
					</view>
				</view>
				<button v-on:click="btSubmit_49_click()" class="btSubmit">提交反馈
				</button>
			</view>
		

		<view class="loading">{{loadingText}}</view>
		<view class="ymBbottom"></view>
	</view>
</template>

<script>



	// 定义全局参数,控制数据加载
	var _self, page = 1,timer = null;

	export default {
		props: {
			list: {
				type: Array,
				default: []
			},
		},
		data() {
			return {
				loadingText: '',
				keyword:'',//遇到问题的关键词
				page:0,//当前分页页码
				apiUrl:'',//后端接口地址
				id:'',//传值使用,方便存在本地的locakStorage  
				del_id:''//方便存在本地的locakStorage  
			}
		},
		components:{

		},
		onLoad(options) {
			_self = this;
			
			//检查是否登录参考代码,需要用的时候，可以把注释取掉
			//if(this.checkLogin()==false){
			//	return;
			//}
			
			//this.getLaction();//得到gps

			this.page=0;

			//检测有没有传入id参数
			if (options.id != null && options.id !=""){
				this.id=options.id;
			}   
			//执行初始化,需要用的时候，可以把注释取掉
			//this.Refresh("init");

		},
		onShow() {
			console.log("on show");
			//if(this.checkLogin()==false){
			//	return;
			//}

			//执行初始化,需要用的时候，可以把注释取掉
			//this.Refresh("init");
		},
		onPullDownRefresh: function() {
			//下拉刷新的时候请求一次数据
			this.Refresh();
		},
		methods: {
			toDetail(id) {
				uni.navigateTo({
					 url: '/pages/wenda/wenda-detail?id=' + id
				});
			},
			/**
			* problem_feedback_24_24处理函数
			* 数据绑定  data-index="{{index}}" 
			* 数据取值  var index = e.currentTarget.dataset.index; var cata = this.list_cata_list[index];
			*/
			problem_feedback_24_24_click:function(event){
			
			},
			
			/**
			* btSubmit_49处理函数
			* 数据绑定  data-index="{{index}}" 
			* 数据取值  var index = e.currentTarget.dataset.index; var cata = this.list_cata_list[index];
			*/
			btSubmit_49_click:function(event){
				this.$emit('replay')
			},
			
			/**
			* problem_feedback_61_61处理函数
			* 数据绑定  data-index="{{index}}" 
			* 数据取值  var index = e.currentTarget.dataset.index; var cata = this.list_cata_list[index];
			*/
			problem_feedback_61_61_click:function(event){
			
			},
			
			/**
			* input处理函数
			*/
			keyword_input:function(event){
			    this.keyword=event.target.value;
			    console.log(event.target.value);
			},
			
			

			//刷新数据
			Refresh:function(_action) {
			
				uni.showLoading();
				
				//提交到服务器
				var that = this
				var url=that.apiUrl+'{server_code_file_path}';
				console.log(url);
				uni.request({
				url: url,//后端接口地址，需要改成自己的接口地址
				data: {
					action: _action,//上传动作，如按钮点击会产生click动作，分页也会产生，在后端根据具体的动作来判断事件
					uid: that.getUid(),//上传用户id,在登录中获得
					//上传页面中的变量
					//定义变量---start
					keyword: that.keyword,

					//定义变量---end
					id: that.id,//上传id值，后端可以根据此值来操作当前id
					del_id: that.del_id,//在列表中删除按钮选中时，上传到有后端，进行删除操作
					page:that.page
				},
				method: 'GET',
				success: function (res) {//后端返回数据

					// 隐藏导航栏加载框  
					uni.hideNavigationBarLoading();
					// 停止下拉动作  
					uni.stopPullDownRefresh();  

					// 隐藏加载框  
					uni.hideLoading();  

					var tmp = res.data;

					//初始化，对页面上的控件进行赋值操作
					if(_action=="init"){

					}

{deal_listpages}

					that.keyword=tmp.keyword;
					


					//如果后端有返回消息，则弹出消息提示
					if (tmp.message != null && tmp.message != "") {
						uni.showToast({
						title: tmp.message,
						icon: 'none',
						duration: 2000
						})
					}



					//如果后端有返回页码，则更改当前页码
					if(tmp.page!=null && tmp.page!=""){
						page=tmp.page;
					}					

				},
				fail: function (res) {
					uni.showToast({
						title: "服务器访问失败",
						icon: 'none',
						duration: 2000
					})
					console.log(res.data);
					console.log('is failed')
				}
				})
			},
		}
	}
</script>

<style scoped>
.YmContent {height: 100%;width: 100%;}
button::after {border: none;width: auto;}
input{outline: none;border: none;list-style: none;width: auto;}
.list_item{float: left;}
.ym_hide{display: none;}
.ym_show{display: block;}
.slide-image {  width: 100%;  height:100%;}
.list_horizontal {width: auto; display:inline-block; }
 .problem_feedback_63{white-space:normal;width:749upx;height:1378upx;padding:0upx;clear:both;float:left; border-radius:0upx;font-size:8upx;}
 .problem_feedback_63 .problem_feedback_20{white-space:normal;width:700upx;height:84upx;padding:0upx;clear:both;margin-top:15upx;margin-left:24upx;float:left;background-color:#ededed; border-radius:20upx;font-size:8upx;}
 .problem_feedback_63 .problem_feedback_20 .problem_feedback_61{white-space:normal;width:32upx;height:40upx;padding:0upx;margin-top:22upx;margin-left:24upx;float:left; border-radius:0upx;font-size:39upx; line-height:40upx;}
 .problem_feedback_63 .problem_feedback_20 .keyword{white-space:normal;width:593upx;height:60upx;min-height:60upx;padding:0upx;margin-top:12upx;margin-left:21upx;float:left; border-radius:0upx; color:#646464;font-size:34upx; line-height:60upx;}
 .problem_feedback_63 .problem_feedback_21{white-space:normal;width:122upx;height:25upx;padding:0upx;clear:both;margin-top:47upx;margin-left:49upx;float:left; border-radius:0upx; color:#c8c8c8;font-size:24upx; line-height:25upx;}
 .problem_feedback_63 .problem_feedback_60{white-space:normal;width:749upx;min-height:800upx;padding:0upx;clear:both;margin-top:16upx;margin-left:0upx;float:left; border-radius:0upx;font-size:8upx;}
 .problem_feedback_63 .problem_feedback_60 .problem_feedback_22{white-space:normal;height:33upx;padding:0upx;margin-top:45upx;float:left; border-radius:0upx;font-size:31upx; line-height:33upx;padding-left:60rpx;padding-right:30rpx;}
 .problem_feedback_63 .problem_feedback_60 .problem_feedback_22 .title{white-space:normal;height:33upx;padding:0upx;margin-top:0upx;margin-left:0upx;float:left; border-radius:0upx; color:#000000;font-size:33upx; line-height:33upx;}
 .problem_feedback_63 .problem_feedback_60 .problem_feedback_22 .problem_feedback_24{white-space:normal;width:15upx;height:27upx;padding:0upx;margin-top:1upx;margin-left:72upx;float:left; border-radius:0upx;font-size:25upx; line-height:27upx;}
 .problem_feedback_63 .btSubmit{white-space:normal;width:200upx;height:74upx;padding:0upx;clear:both;margin-top:16upx;margin-left:274upx;float:left;background-color:#0097fc;text-align:center;justify-content:center; border-radius:20upx; color:#ffffff;font-size:27upx; line-height:74upx;}
</style>
